/**
  * Des    :    底层结构样式表 base.css
  * Author :    csy347
  * Email  :    csy347@gmail.com
  * Date   :    2012-05-03
  * Version:    1.0
  */

/* =base
----------------------------------------------- */
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
body{font:normal 12px/1.5 'Tahoma', 'simsun',sans-serif}
ol,ul{list-style:none}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,i,strong,th,var,optgroup{font-style:normal;font-weight:normal}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
table{border-collapse:collapse;border-spacing:0}/* tables still need 'cellspacing="0"' in the markup */
caption,th{text-align:left}
:focus{outline:0}/* remember to define focus styles! */
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
input,button,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
/*to enable resizing for IE*/
input,button,textarea,select{*font-size:100%}
/*because legend doesn't inherit in IE */
legend{color:#000}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

/* 链接 */
a {
    color: #066cb8;
    text-decoration: none
}

/* 文字排版 */
.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.lh180{line-height:1.8}
.lh200{line-height:2}
.unl{text-decoration:underline}
.no_unl{text-decoration:none}
.arial{font-family:arial}
.simsun{font-family:'SimSun'}
.yahei{font-family:'Microsoft YaHei'}


/* 字体颜色 */
.red{color:red}
.green{color:green}
.blue{color:blue}
.yellow{color:yellow}
.gray{color:gray}
.c_000{color:#000}
.c_333{color:#333}
.c_666{color:#666}
.c_999{color:#999}
.c_ccc{color:#ccc}
.c_fff{color:#fff}


/* 定位 */
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto}/* blockCenter */
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cb{clear:both}
.cl{clear:left}
.cr{clear:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}


/* 长度 */
.w{width:100%}
.w10{width:10px}
.w20{width:20px}
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w960{width:960px}
.w1000{width:1000px}
.w_3{width:30%}
.w_5{width:50%}
.h{height:100%}
.h50{height:50px}
.h100{height:100px}


/* 外边距 5 10 15 20 25 30 */
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m25{margin:25px}
.m30{margin:30px}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}

.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}

/* 内边距 5 10 15 20 25 30 */

.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}

.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}

.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}

.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}

.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}



/**----------------------------------------=S dialog
    * @name   :public 弹出窗口
    * @author   :csy347
    * @version  :1.0
    * @type   :公共类
    * @explain  :Demo
*/
/* 遮罩层  */
/*html,body{overflow:hidden}*/
.fe_window_mask{
    position:fixed;   
    left:0;
    top:0;
    z-index:9996;
    width:100%;
    height:100%;
    margin:0;
    padding:0;    
    background:#000 none repeat scroll 0 0;
    opacity:0.3;
    filter:Alpha(Opacity=30);
    _position:absolute;/* for IE6 */
    _height:expression(documentElement.scrollTop + document.documentElement.clientHeight);/* for IE6 */
}
.fe_window_iframe{
    background-color:#000;
    height:100%;
    opacity:0;
    filter:alpha(Opacity=0);
    width:100%;
} 
/* 弹出层  */
.fe_dialogBox{
    position: fixed;
    _position:absolute;/* for IE6 */
    left: 50%;
    top: 50%;
    z-index: 9997;
    display: block;
    margin: -207px 0 0 -107px;/* default */
    border-radius:5px;
    background:url('http://res.ckimg.com/sites/www/v2/images/public/dialog/opcity50_e0e0e0.png');

}
.fe_dialog{
    position:relative;
    display:block;
    width:400px;/* default width */
    height:200px;/* default height */
    margin:6px;
    border:1px solid #ccc;
    /*border-radius:5px;*/
    background:#fff;
}
.fe_dialog .loading{
    position:absolute;
    left:0;
    top:50%;
    display:block;
    width:100%;
    font:300 normal 30px/30px "微软雅黑",tahoma,sans-serif;
    text-align:center;
}
.fe_dialog .contains{}
.fe_dialog .contains .hd{
    height:39px;
    background:url(../img2/fe_dialog_hd.png);
    font:700 14px/39px 'simsun';
    text-indent:20px;
    color:#777;
}
.fe_dialog .close{
    position:absolute;
    top:10px;
    right:10px;
    display:block;
    width:15px;
    height:15px;
    overflow:hidden;
    text-indent:-999em;
    background:url(../img2/fe_dialog_close.png) no-repeat 0 0;
}
.fe_dialog .close:hover{
    background-position:0 -15px;
}
    /* ajax 载入中 add 20130513 */
.fe_loading{
    width:28px;
    height:28px;
    padding:36px;
    margin:0 auto;
    border-radius:5px;
    background:#fff;
    text-align:center;
}
.fe_loading img{display:block;}
/**----------------------------------------=E dialog */

/**----------------------------------------=S form
    * @name   :reset 表单
    * @author   :csy347
    * @version  :1.0
    * @type   :基类
    * @explain  :Demo
*/
/* formItem */
.formItem{float:left;width:100%}
.form_label{float:left;width:180px;text-align:right;line-height:30px}
.form_field{float:left;width:600px;line-height:30px}
.form_des{margin-top:9px;margin-bottom:9px;line-height:1.1}

.form_text{width:250px;height:20px;padding:4px;border: 1px solid #ccc;font:12px/20px arial,sans-serif;color:#777}
.form_text{transition: border linear 0.2s, box-shadow linear 0.2s;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)} 
.form_text:focus{outline:0 none;border-color:rgba(255, 216, 145, 0.8);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 216, 145, 0.6)}
textarea{width:250px;height:80px;overflow:auto;padding:4px;border:1px solid #CCCCCC;font:12px/20px Arial,sans-serif;vertical-align:top;resize:none;color:#777}
textarea{transition: border linear 0.2s, box-shadow linear 0.2s;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1)}
textarea:focus{outline: 0 none;border-color: rgba(255, 216, 145, 0.8);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 216, 145, 0.6)}
select{outline: 0 none;padding:6px;font:12px/20px arial,sans-serif;color:#777}

/* tips messages */
.form_error  ,
.form_alert  ,
.form_notice ,
.form_success,
.form_info   {display:inline-block;*display:inline;*zoom:1;padding:3px 10px;margin:5px 0 0 5px;border:none;color:#777;vertical-align:middle;font:12px/14px 'simsun';border-radius:4px}

.form_error, 
.form_alert  {padding-left:25px;background:url(../img2/bg_form_tips.png) no-repeat 5px -48px;}
.form_notice {}
.form_info   {}
.form_success {
    height: 14px;
    padding-left: 16px;
    background: url(../img2/bg_form_tips.png) no-repeat 5px 0px;
}

.ipt-tips {
    position:absolute;
    left:10px;
    top:8px;
    font-size:12px;
    line-height:14px;
    color:#999
}

/* lt IE8 */
.form_text_focus{outline:0 none;border-color:rgba(255, 216, 145, 0.8);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 216, 145, 0.6)}
.textarea_focus{outline: 0 none;border-color: rgba(255, 216, 145, 0.8);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 216, 145, 0.6)}
.form_text_error{outline:0 none;border-color:rgba(255, 40, 0, 0.8);box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 40, 0, 0.6)}
.textarea_error{outline: 0 none;border-color: rgba(255, 40, 0, 0.8);box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(255, 40, 0, 0.6)}

input[type="checkbox"],input[type="radio"]{vertical-align:-2px;}
/**----------------------------------------=E form */

/*ico*/
.ico_success,
.ico_warn,
.ico_error,
.ico_success_mid,
.ico_success_big,
.ico_fail_big,
.ico_close,
.ico_help,
.ico90,
.ico91,
.ico92,
.ico93{display: inline-block;*display:inline;*zoom:1;width: 17px;height: 16px;overflow:hidden;background: url('../img2/ico_pay_items.png') no-repeat 0 0;vertical-align: middle;}
.ico_warn{background-position: -1px -32px;}
.ico_error{background-position: -1px -16px;}
.ico_success_mid{width: 20px;height: 20px;background-position: 0 -49px;}
.ico_success_big{width: 30px;height: 30px;background-position: 0 -70px;}
.ico_fail_big{width: 30px;height: 30px;background-position: -34px -70px;}
.ico_close{width: 23px;height: 23px;background-position: 5px -109px;border-radius: 3px}
.ico_close:hover{background-position: -23px -109px;background-color: #ccc;}
.ico_help{width: 16px;height: 16px;background-position: -25px -37px;border-radius: 50%}
.ico_help:hover{background-position: -45px -37px;background-color: #ccc;}
.ico90{width:90px;height:90px;background-position:-310px -85px;}
.ico91{width:90px;height:90px;background-position:-220px -85px;}
.ico92{width:84px;height:84px;background-position:-231px 0px;}
.ico93{width:84px;height:84px;background-position:-316px 0px;}



/*按钮*/

.n_btn34gr_b,
.n_btn40o{display:inline-block;*display:inline;*zoom:1;color:#fff;text-align:center;}

/*按钮灰色*/
.n_btn34gr_b{height:32px;line-height:32px;padding:0 16px;background:#eee;border:1px solid #ccc;color:#777;}


.n_btn34gr_b:hover{background:#e6e6e6;color:#777;}

/*橘黄色按钮*/
.n_btn40o{height:40px;line-height:40px;padding:0 28px;background:#ff7f00;color:#fff;font-weight: 700;}

.n_btn40o:hover{background: #f60;color: #fff;}


